<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>音乐</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4936290_5gv8gszqy4c.css">
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <div class="music">
        <div class="header">
            <div class="back">
                <i class="iconfont icon-zuojiantou"></i>
            </div>
            <div class="title">
                <p class="name">星空</p>
                <p class="singer">周杰伦</p>
            </div>
            <div class="more">
                <i class="iconfont icon-gengduo"></i>
            </div>
        </div>
        <div class="body">
            <div class="cd">
                <img src="https://bpic.588ku.com/original_origin_min_pic/19/05/01/9e5fef8e3f084682781ee449a6a1a0b7.jpg!r650" alt="图片">
            </div>
            <div class="detail">
                <div class="song-title">
                    <p class="songname">星空</p>
                    <p class="singers">周杰伦-魔杰座</p>
                </div>
            </div>
            <div class="bar">
                <div class="time">
                    <p class="nowtime">2:15</p>
                    <div class="black"></div>
                    <p class="lasttime">4:30</p>
                </div>
                <div class="longer">
                    <div class="part"></div>
                    <div class="circle"></div>
                </div>
            </div>
            <div class="change"></div>
        </div>
        <div class="footer"></div>
    </div>
</body>
</html>